<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> 选择项目 </title>
    <!-- 引入css -->
    {include file="Common/css"}
    <!-- 引入css -->
    <style>
      .loading{
        width: 80px;
        height: 40px;
        margin: 0 auto;
        margin-top:100px;
      }
      .loading span{
        display: inline-block;
        width: 8px;
        height: 100%;
        border-radius: 4px;
        background: lightgreen;
        -webkit-animation: load 1.04s ease infinite;
      }
      @-webkit-keyframes load{
        0%,100%{
          height: 40px;
          background: lightgreen;
        }
        50%{
          height: 60px;
          margin-top: -20px;
          background: lightblue;
        }
      }
      .loading span:nth-child(2){
        -webkit-animation-delay:0.13s;
      }
      .loading span:nth-child(3){
        -webkit-animation-delay:0.26s;
      }
      .loading span:nth-child(4){
        -webkit-animation-delay:0.39s;
      }
      .loading span:nth-child(5){
        -webkit-animation-delay:0.52s;
      }
    </style>
    <style>
.unsolved{ 
    font-weight:bold;
    font-size:19px;
    font-color:red;
    color:red;
}
</style>

<style>
.total{ 
    font-weight:bold;
    font-size:19px;
    font-color:red;
    color:#080808;
}
</style>

<style>
.pending{ 
    font-weight:bold;
    font-size:19px;
    font-color:red;
    color:#00CD00;
}
</style>

<style>
.task{ 
    font-weight:bold;
    font-size:19px;
    font-color:red;
    color:#CDAD00;
}
</style>
  </head>
  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
        <div class="col-md-3 left_col">
          <!-- 引入菜单 -->
          {include file="Common/menu"}
          <!-- 引入菜单 -->
        </div>
        <div class="top_nav">
          <!-- 引入头部 -->
          {include file="Common/head"}
          <!-- 引入头部 -->
        </div>


        <div class="right_col" role="main">

        
                <div class="">
                    <div class="clearfix">
                        <center>
                            <a href="{:url('Problemstatistics/nowadays')}"><button type="button" class="btn btn-info btn-lg">今天</button></a>
                            <a href="{:url('Problemstatistics/starting_from_today')}"><button type="button" class="btn btn-info btn-lg">今天开始</button></a>
                            <a href="{:url('Problemstatistics/end_today')}"><button type="button" class="btn btn-info btn-lg">今天结束</button></a>
                            <a href="{:url('Problemstatistics/tomorrow')}"><button type="button" class="btn btn-info btn-lg">明天</button></a>
                            <a href="{:url('Problemstatistics/this_week')}"><button type="button" class="btn btn-info btn-lg">本周</button></a>
                            <a href="{:url('Projectnotification/version')}"><button type="button" class="btn btn-success btn-lg">新建项目</button></a>
                            <a href="{:url('Projectnotification/configuration')}"><button type="button" class="btn btn-success btn-lg">新建问题</button></a>
                            <a href="{:url('Projectnotification/notice')}"><button type="button" class="btn btn-success btn-lg">发布通知</button></a>
                        </center>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="x_panel">
                                <div class="x_content">

                                    <div class="col-md-2">
                                        <p class="total">总数</p>
                                        {volist name="total" id="vo"}
                                        <a>
                                            <input class="knob" data-width="100" data-height="120" data-displayPrevious=false data-fgColor="#34495E" value="{$vo["count('id')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p onclick="menu_unsolved()">未解决</p>
                                        {volist name="unsolved" id="vo"}
                                        <a onclick="menu_unsolved()">
                                            <input class="knob" data-width="100" data-height="120" data-cursor=false data-fgColor="red" value="{$vo["count('problem_status')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p class="pending">待测试</p>
                                        {volist name="pending" id="vo"}
                                        <a onclick="menu_pending()">
                                            <input class="knob" data-width="100" data-height="120"  data-displayPrevious=false data-fgColor="#26B99A" value="{$vo["count('problem_status')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p class="pending">以延期</p>
                                        {volist name="delayed" id="vo"}
                                        <a onclick="menu_postponep()">
                                            <input class="knob" data-width="100" data-height="120" data-angleOffset=-125 data-angleArc=250 data-fgColor="#34495E" data-rotation="anticlockwise" value=" {$vo["count('problem_status')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p class="pending">已关闭</p>
                                        {volist name="closed" id="vo"}
                                        <a onclick="menu_closed()">
                                            <input class="knob" data-width="110" data-height="120" data-displayPrevious=false data-fgColor="#26B99A" data-skin="tron" data-thickness=".2" value="{$vo["count('problem_status')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p class="pending">已解决</p>
                                        {volist name="solved" id="vo"}
                                        <a onclick="menu_solved()">
                                            <input class="knob" data-width="100" data-height="120" data-angleOffset=90 data-linecap=round data-fgColor="#26B99A" value="{$vo["count('problem_status')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p  class="pending">项目</p>
                                        {volist name="closed" id="vo"}
                                        <a onclick="bu_question()">
                                            <input class="knob" data-width="110" data-height="120" data-displayPrevious=false data-fgColor="#26B99A" data-skin="tron" data-thickness=".2" value="{$vo["count('problem_status')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p class="pending">拒绝</p>
                                        {volist name="refuse_to" id="vo"}
                                        <a onclick="menu_rejected()">
                                            <input class="knob" data-width="100" data-height="120" data-displayPrevious=false data-fgColor="#26B99A" value="{$vo["count('problem_status')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p class="task">任务</p>
                                        {volist name="task" id="vo"}
                                        <a onclick="menu_task()">
                                            <input class="knob" data-width="100" data-height="120" data-cursor=false data-fgColor="#CDAD00" value="{$vo["count('problem_type')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p class="pending">需求</p>
                                        {volist name="demand" id="vo"}
                                        <a onclick="menu_defect()">
                                            <input class="knob" data-width="100" data-height="120" data-displayPrevious=false data-fgColor="#26B99A"  value="{$vo["count('problem_type')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p class="unsolved">缺陷</p>
                                        {volist name="defect" id="vo"}
                                        <a onclick="menu_demand()">
                                            <input class="knob" data-width="110" data-height="120" data-displayPrevious=false data-fgColor="red" data-skin="tron" data-thickness=".2" value="{$vo["count('problem_type')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p class="pending">项目成员</p>
                                        {volist name="project_member" id="vo"}
                                        <input class="knob" data-width="100" data-height="120" data-angleOffset=90 data-linecap=round data-fgColor="#26B99A" value="{$vo["count('id')"]}">
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p class="pending"></p>
                                        <input class="knob" data-width="100" data-height="120" data-angleOffset=90 data-linecap=round data-fgColor="#26B99A" value="">
                                    </div>

                                    <div class="col-md-2">
                                        <p class="unsolved">急</p>
                                        {volist name="anxious" id="vo"}
                                        <a onclick="menu_anxious()">
                                            <input class="knob" data-width="100" data-height="120"  data-fgColor="red" value="{$vo["count('problem_priority')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p class="unsolved">高</p>
                                        {volist name="high" id="vo"}
                                        <a onclick="menu_high()">
                                            <input class="knob" data-width="100" data-height="120" data-cursor=false data-fgColor="red" value="{$vo["count('problem_priority')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p class="pending">中</p>
                                        {volist name="in" id="vo"}
                                        <a onclick="menu_in()">
                                            <input class="knob" data-width="100" data-height="120" data-angleOffset=-125 data-angleArc=250 data-fgColor="#34495E" data-rotation="anticlockwise" value=" {$vo["count('problem_priority')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p class="pending">低</p>
                                        {volist name="low" id="vo"}
                                        <a onclick="menu_low()">
                                            <input class="knob" data-width="100" data-height="120" data-displayPrevious=false data-fgColor="#26B99A"  value="{$vo["count('problem_priority')"]}">
                                        </a>
                                        {/volist}
                                    </div>

                                    <div class="col-md-2">
                                        <p class="pending"></p>
                                        <input class="knob" data-width="100" data-height="120" data-angleOffset=90 data-linecap=round data-fgColor="#26B99A" value="*">
                                    </div>
                                </div>
                                <script type="text/javascript">
                                    var url_js =  "{:url('/')}";
                                </script>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2> 最新问题 <small></small></h2>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <div class="row" style="border-bottom: 1px solid #E0E0E0; padding-bottom: 5px;margin-bottom: 5px;">

                                    {volist name="latest_issues" id="vo"}
                                    <div class="col-md-4 col-sm-4 col-xs-12">
                                        <div class="x_panel">
                                            <div class="x_title">
                                                <h2><b><font size="5" color="#0A0A0A"> {$vo['project_username']} </font></b><small></small></h2>
                                                <div class="clearfix"></div>
                                            </div>
                                            <div class="x_content">
                                                <div class="dashboard-widget-content">
                                                    <ul class="list-unstyled timeline widget">
                                                        <a href="{:url('Allproblems/total_details')}?problem_id={$vo.problem_id}">
                                                            <li>
                                                                <div class="block">
                                                                    <div class="block_content">
                                                                        <h2 class="title">
                                                                            <b>
                                                                                {if condition="($vo.problem_type=='0')"}
                                                                                <font size="4" color="#DAA520" face="Verdana">任务 </font>
                                                                                {else /} {if condition="($vo.problem_type=='1')"}
                                                                                <font size="4" color="red" face="Verdana">缺陷</font>
                                                                                {else /}  {if condition="($vo.problem_type=='2')"}
                                                                                <font size="4" color="#DAA520" face="Verdana">需求</font>
                                                                                {/if}
                                                                                {/if}
                                                                                {/if}
                                                                            </b>
                                                                        </h2>
                                                                        <hr>
                                                                        <div class="">
                                                          <span>

                                                          <!-- 引入类型 -->
                                                            <b>{include file="Common/type"}<b>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#B5B5B5">{$vo['problem_change_time']}</font>
                                                                <!-- 引入类型 -->

                                                          </span>
                                                                        </div>
                                                                        <hr>
                                                                        <p class="excerpt">
                                                                            {if condition="($vo.problem_priority=='0')"}
                                                                            <font size="4" color="red" face="Verdana">急 </font>
                                                                            {else /} {if condition="($vo.problem_priority=='1')"}
                                                                            <font size="4" color="red" face="Verdana">高</font>
                                                                            {else /}  {if condition="($vo.problem_priority=='2')"}
                                                                            <font size="4" color="#32CD32" face="Verdana">中</font>
                                                                            {else /}  {if condition="($vo.problem_priority=='3')"}
                                                                            <font size="4" color="#32CD32" face="Verdana">低</font>
                                                                            {/if}
                                                                            {/if}
                                                                            {/if}
                                                                            {/if}
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </a>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    {/volist}
                                </div>
                            </div>
                        </div>
                        <div class="x_panel">
                            <div class="x_title">
                                <h2> <font  color="#B5B5B5">通知消息 </font><small></small></h2>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <div class="row" style="border-bottom: 1px solid #E0E0E0; padding-bottom: 5px;margin-bottom: 5px;">
                                    {volist name="notice" id="vo"}
                                    <div class="col-md-4 col-sm-4 col-xs-12">
                                        <div class="x_panel">
                                            <div class="x_title">
                                                <h2><font size="5" color="#0A0A0A"> {$vo['notice_username']}</font> <small></small></h2>
                                                <div class="clearfix"></div>
                                            </div>
                                            <div class="x_content">
                                                <div class="dashboard-widget-content">
                                                    <ul class="list-unstyled timeline widget">
                                                        <li>
                                                            <div class="block">
                                                                <div class="block_content">
                                                                    <h2 class="title">
                                                                        <a><font size="4" color="#0A0A0A">{$vo['notice_title']}</font></a>
                                                                    </h2>
                                                                    <div class="">
                                                                        <span><font size="4" color="#0A0A0A">{$vo['notice_text']}</font></span>
                                                                    </div>
                                                                    <p class="excerpt">
                                                                        <font size="3" color="#B5B5B5">{$vo['notice_time']}</font>
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    {/volist}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="container cropper">
                            <div class="row">
                                <div class="col-md-9 docs-buttons">
                                    <div class="modal fade" id="getCroppedCanvasModal"  >
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-footer">
                                                    <a id="download"></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
      </div>
    </div>
    <!-- 引入js -->
      {include file="Common/js"}
    <!-- 引入js -->
    </div>
  </body>
</html>